* {
  margin: 0px;
  padding: 0px;
  font-family: Hiragino Sans GB, Arial, Helvetica, "Microsoft YaHei", sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-appearance: none;
}
a {
  text-decoration: none;
}
ul,
li {
  list-style: none;
}
img {
  border: 0;
}
input,
select {
  outline: none;
}
#body {
  height: auto;
  overflow: hidden;
  width: 7.2rem;
  margin: 0 auto;
}
.header {
  background: url(../images/qm_01.jpg) no-repeat;
  background-size: 100% 100%;
  padding: .1rem .2rem;
}
.header p {
  font-size: .24rem;
  color: #333;
  text-indent: 2em;
  line-height: 0.36rem;
}
.header p:last-child {
  color: #bf0e37;
}
.qm-submit {
  height: auto;
  overflow: hidden;
}
.qm-submit .top {
  height: .88rem;
  line-height: .88rem;
  overflow: hidden;
  background: #976a3a;
  font-size: .36rem;
  color: #f6e7d0;
  text-align: center;
}
.qm-submit .content {
  border: 1px solid #976a3a;
  margin: .2rem .2rem 0;
  font-size: 0;
  padding: .2rem .2rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.qm-submit .content img {
  width: 1.83rem;
  height: 2.29rem;
  margin-right: .2rem;
}
.qm-submit .content .right .info {
  height: auto;
  overflow: hidden;
  background: url(../images/qm_03.jpg) no-repeat;
  background-size: 1.03rem 1.03rem;
  padding-left: 1.4rem;
}
.qm-submit .content .right .info .item {
  height: .4rem;
  line-height: .4rem;
  float: left;
  overflow: hidden;
}
.qm-submit .content .right .info .item label,
.qm-submit .content .right .info .item span {
  font-size: .24rem;
}
.qm-submit .content .right .info .item:nth-child(1) {
  width: 60%;
}
.qm-submit .content .right .info .item:nth-child(2) {
  width: 40%;
}
.qm-submit .content .right .info .item:nth-child(3),
.qm-submit .content .right .info .item:nth-child(3) {
  width: 100%;
}
.qm-submit .content .right .price {
  height: auto;
  overflow: hidden;
  font-size: .3rem;
  margin-top: .1rem;
}
.qm-submit .content .right .price span {
  color: #bf0e37;
}
.qm-submit .content .right .price del {
  color: #888;
}
.qm-submit .pay-type {
  height: auto;
  overflow: hidden;
  padding: 0 .2rem;
}
.qm-submit .pay-type ul {
  height: auto;
  overflow: hidden;
}
.qm-submit .pay-type ul li {
  height: .8rem;
  overflow: hidden;
  font-size: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #ccc;
  border-radius: .1rem;
  margin-top: .2rem;
}
.qm-submit .pay-type ul li img {
  height: .5rem;
}
.qm-submit .pay-type p {
  font-size: .26rem;
  text-align: center;
  margin-top: .1rem;
  color: #333;
}
.qm-analysis {
  height: auto;
  overflow: hidden;
  margin-top: .2rem;
}
.qm-analysis .top {
  height: .88rem;
  overflow: hidden;
  background: #976a3a;
  font-size: .3rem;
  line-height: .32rem;
  color: #f6e7d0;
  text-align: center;
  padding-top: .12rem;
}
.qm-analysis .content {
  height: auto;
  overflow: hidden;
  padding: .2rem;
  position: relative;
}
.qm-analysis .content .img {
  border: 1px solid #976a3a;
  margin-bottom: -1px;
}
.qm-analysis .content .img img {
  width: 100%;
}
.qm-analysis .content .pos {
  height: .6rem;
  line-height: .6rem;
  width: 4.6rem;
  background: #d01b20;
  text-align: center;
  position: absolute;
  top: 60%;
  left: 50%;
  margin-left: -2.3rem;
  border-radius: .3rem;
  color: #fff;
  font-size: .28rem;
}
.qm-result {
  height: auto;
  overflow: hidden;
}
.qm-result .top {
  height: .88rem;
  overflow: hidden;
  background: #976a3a;
  font-size: .3rem;
  line-height: .32rem;
  color: #f6e7d0;
  text-align: center;
  padding-top: .12rem;
}
.qm-result .content {
  height: auto;
  overflow: hidden;
}
.qm-result .section {
  height: auto;
  overflow: hidden;
  padding: 0 .2rem;
}
.qm-result .section .title {
  height: .88rem;
  line-height: .88rem;
  width: 4.72rem;
  text-align: center;
  color: #fff;
  font-size: .3rem;
  background: url(../images/qm_07.jpg) no-repeat;
  background-size: 4.72rem .88rem;
  margin: .2rem auto 0;
}
.qm-result .section .con {
  margin-top: .2rem;
  height: auto;
  overflow: hidden;
  position: relative;
  font-size: 0;
}
.qm-result .section .con img {
  width: 100%;
}
.qm-result .section .con .pos {
  width: 1.83rem;
  height: 1.46rem;
  background: url(../images/qm_check.png) no-repeat;
  background-size: 1.83rem 1.46rem;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -0.73rem;
}
.qm-result .section .con .pos span {
  display: block;
  height: .4rem;
  line-height: .4rem;
  text-align: center;
  width: 1.7rem;
  -webkit-transform: rotate(-18deg);
          transform: rotate(-18deg);
  margin: .53rem 0 0 .08rem;
  color: #f00;
  font-size: .32rem;
  font-weight: bold;
}
.qm-result .section .con .second-title {
  width: 4rem;
  height: .6rem;
  position: absolute;
  left: 50%;
  top: .2rem;
  margin-left: -2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.qm-result .section .con .second-title .left,
.qm-result .section .con .second-title .right {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 2px;
  background: #976a3a;
}
.qm-result .section .con .second-title .center {
  font-size: .28rem;
  margin: 0 .1rem;
}
.qm-order {
  height: auto;
  overflow: hidden;
  margin-top: .2rem;
  margin-bottom: 1.2rem;
}
.qm-order .top {
  height: .88rem;
  line-height: .88rem;
  overflow: hidden;
  background: #976a3a;
  font-size: .36rem;
  color: #f6e7d0;
  text-align: center;
}
.qm-order .content {
  height: auto;
  overflow: hidden;
}
.qm-order .content ul {
  height: auto;
  overflow: hidden;
}
.qm-order .content ul li {
  height: .7rem;
  line-height: .7rem;
  overflow: hidden;
  padding: 0 .5rem;
  border-bottom: 1px solid #eee;
  font-size: .3rem;
}
.my-order {
  display: block;
  width: 1.2rem;
  height: 1.32rem;
  background: url(../images/qm_012.png) no-repeat;
  background-size: 1.2rem 1.32rem;
  position: fixed;
  right: .2rem;
  bottom: 1.5rem;
}
#footer {
  width: 7.2rem;
  height: 1rem;
  line-height: 1rem;
  background: #d01b20;
  overflow: hidden;
  text-align: center;
  position: fixed;
  left: 50%;
  bottom: 0;
  margin-left: -3.6rem;
  font-size: .4rem;
  color: #fff;
}
.mask {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  visibility: hidden;
}
.mask .mask-wrap {
  width: 5.8rem;
  background: #fff;
  height: auto;
  overflow: hidden;
  border-radius: .2rem;
  font-size: 0;
  padding: .25rem;
  -webkit-transition: -webkit-transform .5s;
  transition: -webkit-transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s;
  -webkit-transform: scale(0);
          transform: scale(0);
  position: relative;
}
.mask .mask-wrap .icon-close {
  height: auto;
  overflow: hidden;
}
.mask .mask-wrap .icon-close i {
  display: block;
  height: .27rem;
  width: .27rem;
  overflow: hidden;
  background: url(../images/icon_close.png) no-repeat;
  background-size: .27rem .27rem;
  float: right;
}
.mask .mask-wrap .close-btn {
  width: 1rem;
  height: 1rem;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 999;
}
.mask .mask-wrap p {
  font-size: .28rem;
  color: #333;
  text-align: center;
  margin-top: .1rem;
}
.mask .mask-wrap .price {
  font-size: .28rem;
  line-height: .5rem;
  color: #df0000;
  text-align: center;
  margin-top: .1rem;
}
.mask .mask-wrap .price span {
  font-size: .42rem;
}
.mask .mask-wrap ul {
  height: auto;
  overflow: hidden;
}
.mask .mask-wrap ul li {
  height: .8rem;
  overflow: hidden;
  font-size: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #ccc;
  border-radius: .1rem;
  margin-top: .2rem;
}
.mask .mask-wrap ul li img {
  height: .5rem;
}
.mask.show-mask {
  visibility: visible;
}
.mask.show-mask .mask-wrap {
  -webkit-transform: scale(1);
          transform: scale(1);
}


.payMask{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; right: 0; bottom: 0; }
.payMask{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#4C000000', endColorstr='#4C000000');background:rgba(0,0,0,0.3);}
:root .payMask{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00000000', endColorstr='#00000000');}/*for IE9*/
.payOk{ width: 7.7778rem; height:4.7222rem; border-radius: 0.2083rem; background: #fff; overflow: hidden; position: fixed; left: 50%; top: 50%; margin-left:-3.8889rem; margin-top:-2.3611rem; text-align: center;}
.payOk .closeBtn{ width: 0.29167rem; height: 0.29167rem; background: url(../bg/close.png) center center no-repeat; background-size: 100% 100%; position: absolute; right: 0.4167rem; top: 0.4444rem; text-indent:-9999em; cursor: pointer;}
.payOk .tips{ font-size: 0.3889rem; line-height: 1.1; padding-top: 1.2222rem;}
.payOKBtn{ display: block; margin: 0.5rem auto 0; width:4.3889rem; height: 1.02778rem; line-height: 1.02778rem; text-align: center; font-size: 0.4444rem; color: #fff; background: #c78e44; border:1px solid #ad6b14; border-radius:0.51389rem; }
.otherPay{ width: 100%; height: 0.9444rem; line-height: 0.9444rem; font-size: 0.3333rem; background: #ededed; color: #999999; position: absolute; right: 0; bottom: 0; left: 0; }
.otherPay span{ color: #db8732; text-decoration: underline; }
.payMask, .payOk{ display: none; }